<!-- <nz-card style="width:64%;margin: 2% 10%">
    <ng-template #title>
        Docker Information
    </ng-template>
    <ng-template #body>
        <div>
            <code>{{dockerInfo}}</code>
        </div>

    </ng-template>
</nz-card> -->


<div style="background: #ECECEC;padding:30px;">
    <div nz-row [nzGutter]="8">
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    Docker版本
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'pink'">{{version}}</nz-tag>
                </ng-template>
            </nz-card>
        </div>
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    架构
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'orange'">{{arch}}</nz-tag>

                </ng-template>
            </nz-card>
        </div>
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    Go版本
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'red'">{{goVersion}}</nz-tag>
                </ng-template>
            </nz-card>
        </div>
    </div>
</div>
<div style="background: #ECECEC;padding:30px;">
    <div nz-row [nzGutter]="8">
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    系统
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'#87d068'">{{os}}</nz-tag>
                </ng-template>
            </nz-card>
        </div>
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    内核版本
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'cyan'">{{kernelVersion}}</nz-tag>
                </ng-template>
            </nz-card>
        </div>
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    API版本
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'blue'"> {{apiVersion}}</nz-tag>
                </ng-template>
            </nz-card>
        </div>
    </div>
</div>

<div style="background: #ECECEC;padding:30px;">
    <div nz-row [nzGutter]="8">
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    MiniAPI版本
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'purple'">{{miniAPIVersion}}</nz-tag>
                </ng-template>
            </nz-card>
        </div>
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    实验环境
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'#f50'">{{isExperiment}}</nz-tag>
                </ng-template>
            </nz-card>
        </div>
        <div nz-col [nzSpan]="8">
            <nz-card>
                <ng-template #title>
                    构建时间
                </ng-template>
                <ng-template #body>
                    <nz-tag [nzColor]="'#2db7f5'">{{buildTime}}</nz-tag>
                </ng-template>
            </nz-card>
        </div>
    </div>
</div>